<header class="navbar navbar-static-top navbar-inverse" id="top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="/" class="navbar-brand">Angular2 Final Demo</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation" *ngIf="true" >
      <ul class="nav navbar-nav">
        <li>
          <a routerLink="/">Home</a>
        </li>
        <li>
          <a routerLink="/todo">TodoList</a>
        </li>
        <li>
          <a routerLink="/404">404</a>
        </li>
        <li>
          <a routerLink="/lazy">Lazy</a>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <!--<li><a href="http://job.bootcss.com" onclick="_hmt.push(['_trackEvent', 'docv3-navbar', 'click', 'doc-home-navbar-job'])"
            target="_blank">高薪工作</a></li>
        <li><a href="http://expo.bootcss.com" onclick="_hmt.push(['_trackEvent', 'docv3-navbar', 'click', 'doc-home-navbar-expo'])"
            target="_blank">优站精选</a></li>
        <li><a href="http://blog.getbootstrap.com" onclick="_hmt.push(['_trackEvent', 'docv3-navbar', 'click', 'doc-home-navbar-blog'])"
            target="_blank">官方博客</a></li>-->
      </ul>
    </nav>
  </div>
</header>
<div class="page-content">
  <div class="container">
    <router-outlet></router-outlet>
  </div>
</div>